/**
 * Starting point
**/

Ext.require('Ext.layout.container.Border');
Ext.require('Ext.layout.container.Column');
Ext.application({
    name: 'TD',
    appFolder: 'app',
	controllers: ['Tasks', 'Sprints', 'Representations'],
	launch: function(){
		Ext.create('Ext.container.Viewport',{
			layout: 'border',
			defaults: { 
				bodyStyle: 'padding: 4px;',
				split: true,
				resizable: true
			},
			style: 'padding: 2px;',
			items: [{
				region: 'north',
				xtype: 'tasksPanel',
				layout: 'fit',
				height: 200,
				collapsible: true
			},{
				region: 'west',
				xtype: 'sprintsPanel',
				layout: 'fit',
				width: 400,
				collapsible: true
			},{
				region: 'center',
				xtype: 'representationsPanel',
				layout: 'fit'
			}]
		});
	}
});